﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MobileLogin.aspx.cs" Inherits="MobileLogin" %>
<!DOCTYPE html> 
<html> 
	<head id="Head1" runat="server"> 
        <meta charset="utf-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
	    <title>欢迎</title> 
	    <link href="Content/MOrange/orange.min.css" rel="stylesheet" type="text/css" />      
	    <link href="Content/MOrange/jquery.mobile.structure-1.4.1.min.css" rel="stylesheet" type="text/css" />
        <script src="Scripts/jquery.js" type="text/javascript"></script>
        <script src="Scripts/jquery.validate.min.js" type="text/javascript"></script>
        <script src="Scripts/jquery.mobile-1.4.1.min.js" type="text/javascript"></script>
        <link href="Content/MobileLogin.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript">
            $.mobile.ajaxEnabled = false;
            function showLoader() {
                $.mobile.loading('show', {
                    text: '正在登录...', 
                    textVisible: false, 
                    textonly: false,   
                    html: ""           
                });
            }
            function hideLoader() {
                $.mobile.loading('hide');
            }
            $(function () {
                $("#form1").validate({
                    rules:{
                        loginnameTxT: "required",
                        passwordTxT: "required"
                    },
                    messages: {
                        loginnameTxT: "请输入用户名",
                        passwordTxT: "请输入密码"
                    }
                });
               $("#loginIn").button().click(function(){
                     //showLoader();  	        
                });  
            });
        </script>
    </head> 
<body>     
    <!-- start page -->
    <div data-role="page">

	<!-- start header -->
	<div data-role="header" data-theme="a" >
		<h1 runat="server" id="Mtitle"></h1>
	</div>
	<!-- end header -->

	<!-- start content -->
	<div data-role="content" data-theme="a">	
        <form id="form1" runat="server" action="MobileLogin.aspx" method="post">
        <span style="color:Red"><asp:Literal runat="server" ID="msg"></asp:Literal></span>
		<fieldset>            
            <label for="loginnameTxT">用户名：</label>
            <asp:TextBox runat="server" ID="loginnameTxT" MaxLength="20" CssClass="required"></asp:TextBox>
            <label for="passwordTxT">密码：</label>
            <asp:TextBox runat="server" ID="passwordTxT" TextMode="Password" MaxLength="16" CssClass="required"></asp:TextBox>
            <asp:Button runat="server" Text="进入>>>" ID="loginIn" onclick="loginIn_Click" data-role="button"
             data-theme="a" data-inline="false"/>
        </fieldset> 
        </form>
	</div>
	<!-- end content -->

	<!-- start footer -->
	<div data-role="footer" data-theme="a" data-position="fixed">
		<h4 runat="server" id="MFoot"></h4>
	</div>
	<!-- end footer -->
	
    </div>
    <!-- end page -->    
</body>
</html>
